@import './variable.scss';

.show {
  display: flex;
}

.hide {
  display: none !important;
}

.page {
  height: 100%;
  display: flex;
  flex-direction: column;

  & > header {
    padding: 30px;
    background-color: #fff;

    .ant-breadcrumb {
      font-size: 16px;
      color: $cb0b0b0;
      margin-bottom: 24px;
    }

    .page-title {
      font-size: 24px;
      color: $c3b3a42;
    }
  }

  & > main {
    flex: 1;
    margin: 30px;
    background-color: #fff;
    margin-bottom: 0;
  }
}

.page {
  height: 100%;
  display: flex;
  flex-direction: column;

  & > header {
    padding: 30px;
    background-color: #fff;

    .ant-breadcrumb {
      font-size: 16px;
      color: $cb0b0b0;
      margin-bottom: 24px;
    }

    .page-title {
      font-size: 24px;
      color: $c3b3a42;
    }
  }

  & > main {
    flex: 1;
    margin: 30px;
    background-color: #fff;
    margin-bottom: 0;
  }
}
